
/* -----------------------
   * ��� *
* ----------------------- */

.l-panel-btn
{
    display:block; 
     height:22px; overflow:hidden; line-height:24px; position:relative; 
     padding-left:15px; padding-right:15px; cursor:pointer;
   
     text-align:center;color: #2C4D79;  text-decoration:none; cursor:pointer;
}
.l-panel-btn .l-panel-btn-l,.l-panel-btn .l-panel-btn-r{ display:none;}
.l-panel-btn-over,.l-panel-btn-selected{background: #E0EDFF url(../images/panel/panel-btn.gif) repeat-x;}
.l-panel-btn-over .l-panel-btn-l,.l-panel-btn-over .l-panel-btn-r,.l-panel-btn-selected .l-panel-btn-l,.l-panel-btn-selected .l-panel-btn-r{ display:none; }
.l-panel-btn-l
{
    position:absolute; width:3px; left:0px; top:0px;height:22px;
    background: #E0EDFF url(../images/panel/panel-btn-l.gif) no-repeat;
}
.l-panel-btn-r
{position:absolute; width:3px; right:0px; top:0px;height:22px;
    background: #E0EDFF url(../images/panel/panel-btn-r.gif) no-repeat;
}
.l-panel-header{
color: #15428B;
font-weight: bold;
font-size: 11px;
 height:24px; 
border-bottom:1px solid #99BBE8;
background: url('../images/panel/header-bg.gif') repeat-x left -1px; position:relative;
}


.l-grid
{
    position:relative;text-align:left;
}
.l-grid-empty .l-grid-body-inner {
	width:100%;
}
.l-grid-hashorizontal .l-grid-body1 .l-grid-body-inner {
	margin-bottom:19px;
}
.l-grid td div
{
    font-size:14px;
}
 .l-grid table{border-spacing:0 0;}
.l-grid-header {
	border-bottom: 1px solid #60808f;border-top: 1px solid #60808f;
	height: 30px;
	line-height: 30px;
	background: #E2F0FF url('../images/grid/header-bg.gif') repeat-x left bottom;
	overflow: hidden;
	width: 100%;
}

.l-grid-hd-cell
{   
     padding:0; margin:0;overflow:hidden; 
    border-right:1px solid #60808f;   
    text-align:center;
}


.l-grid-row-cell
{
      overflow:hidden; 
     border-right:1px solid #60808f;border-bottom:1px solid #60808f;  
      text-align:center;overflow:hidden;
}

.l-grid-row-alt .l-grid-row-cell-rownumbers,
 .l-selected .l-grid-row-cell-rownumbers,
 .l-grid-row-over .l-grid-row-cell-rownumbers,
 .l-grid-row-cell-rownumbers{ background:#dff2f6;}


.l-panel-bar
{
    height:30px;background:#dff2f6;overflow:hidden;border:0;
    border-top:1px solid #60808f;
}


.l-grid-totalsummary
{
    border-bottom:1px solid #60808f; background:#EEF3FF; padding-top:5px; padding-bottom:5px;
}
.l-grid-totalsummary-nobottom
{
    border-bottom:none;
}
.l-grid-totalsummary td
{
    border-right:1px solid #60808f; text-align:center;line-height: 23px;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-last
{ border-right:1px solid #60808f;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-inner
{
    margin-left:3px; margin-right:3px; min-height:23px;_height:23px;
}
.l-grid-totalsummary .l-grid-totalsummary-cell-inner div
{
    height:22px; line-height:22px;
}

/*
    detail
*/
.l-grid-detailpanel
{
    border-right:1px solid #60808f;border-bottom:1px solid #60808f;
}
.l-grid-detailpanel-inner
{
     overflow:auto; margin-bottom:2px;
}
.l-grid-detailpanel-inner-margin
{
     margin:2px 0 2px 15px;
}

.l-grid-row-cell-detail .l-grid-row-cell-inner{margin-left:0px; margin-right:0px; width:27px; overflow:hidden;}
.l-grid-row-cell-detail .l-grid-row-cell-inner span
{
    display:block; width:21px; height:21px; background:url('../images/grid/grid-detail-close.gif') no-repeat 5px 5px;
    cursor:pointer; overflow:hidden; margin:2px 0 0 2px;
}
.l-grid-row-cell-detail .l-grid-row-cell-inner span.l-open
{
    background:url('../images/grid/grid-detail-open.gif') no-repeat 5px 5px;
}

.l-grid-row-cell-checkbox .l-grid-row-cell-inner{margin-left:0px; margin-right:0px;}
.l-grid-row-cell-checkbox span,.l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div
{
    display:block; width:13px; height:13px; background:url('../images/controls/checkbox.gif') no-repeat;
    background-position:0px 0px;
    cursor:pointer; overflow:hidden; margin-left:7px; margin-top:9px;
}
.l-grid-row-cell-checkbox span{margin-top:8px;}
.l-checked .l-grid-row-cell-checkbox span,.l-checked  .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div
{
      background-position:0px -13px;
}
.l-selected .l-grid-row-cell-checkbox span,.l-selected  .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div
{
      background-position:0px -13px;
}
.l-disabled .l-grid-row-cell-checkbox span{ background-position:-39px 0; }
.l-grid-hd-cell-inner {
	overflow: hidden;
}
.l-grid-hd-cell-checkbox
{
   padding:0; margin:0;
}  


.l-toolbar
{    
    background:#fff; height:35px;
    border:none;
}
.l-toolbar-item
{
    float:left;margin-left:4px;
    background:#76979e url('../images/grid/toolbar-item-bg.gif') repeat-x left bottom;
    height:26px;
    border:1px solid #76979e;
    color:#fff;
    margin-top:4px;
    border-radius:3px;
}
.l-toolbar-item .l-icon,.l-toolbar-item img{ position:absolute; left:8px; top:4px; display:block;}
.l-toolbar-item img{ width:16px; height:16px; border:0px;}
.l-toolbar-item-hasicon{ padding-left:26px;}
.l-toolbar-item-disable{cursor:default;}
.l-toolbar-item-disable span{color: #ccc;}
.l-toolbar-item-disable img{
	filter:url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
    filter:grayscale(90%); /* IE6-9 */
    -webkit-filter: grayscale(90%); /* Chrome 19+ & Safari 6+ */
}
.l-toolbar-item-color{border: 1px solid #ccc;position: absolute;width: 14px;height: 14px;left: 3px;top: 3px;}


.l-bar-separator {
float: left;
height: 18px;
border-left: 1px solid #9AC6FF;
border-right: 1px solid white;
margin: 2px;
display:none;
}




/*
ImageGrid
*/
.l-imagegrid-body-inner{clear:both;zoom:1;margin:8px;}
.l-imagegrid-row{clear:both;zoom:1;}
.l-imagegrid-row:before{content:''; display:block;}
.l-imagegrid-row:after{content:''; display:block; clear:both;}
.l-imagegrid-item{float:left;font-size:12px;border:1px solid #FFF;position:relative;}
.l-imagegrid-img-wrap{}
.l-imagegrid-img{display:block;}

.l-imagegrid-title-wrap{white-space:nowrap; overflow:hidden;}
.l-imagegrid-title{line-height:18px; vertical-align:middle;}
.l-imagegrid-title-over{color:#ff7f24;}

.l-imagegrid-checkbox-wrap{float:left;width:18px;height:18px;}
.l-imagegrid-checkbox{
	display:block; width:13px; height:13px; background:url('../images/controls/checkbox.gif') no-repeat;
	background-position:0px 0px; cursor:pointer; overflow:hidden; margin-top:2px;
}

.l-imagegrid-checked{
    background-color:#D8F7EE
}
.l-imagegrid-checked .l-imagegrid-checkbox{
	background-position:0px -13px;
}

.l-imagegrid-item-over{border:1px solid #87d396;}

.l-imagegrid-hand{cursor:pointer;}

.l-imagegrid-state{position:absolute;width:16px;height:16px;}

.l-bar-checkall{margin-right:0;}

.l-bar-checkall .l-grid-hd-cell-checkbox .l-grid-hd-cell-inner div{
   margin-left:1px; margin-top:3px;
}
.l-bar-checkall-text{
	margin:4px 4px 0 0;padding-left:4px;font-size:12px;cursor:pointer;
}

